<template>
  <!-- v-model 支持自定义的修饰符，capitalize是自定义的修饰符  -->
  <HelloWorld v-model.capitalize="title" @click="handleClick"> </HelloWorld>
  <div>father:{{ title }}</div>
</template>
<script setup>
import { ref } from "vue";
import HelloWorld from "./HelloWorld.vue";
const title = ref("hello");
setTimeout(() => {
  title.value = "world";
}, 2000);

const handleClick = () => {
  console.log("father");
  return "father";
};
</script>
<style>
</style>
